<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>健康分销系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="${contextPath}/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="${contextPath}/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <script src="${contextPath}/assets/js/echarts.min.js"></script>
    <link rel="stylesheet" href="${contextPath}/assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="${contextPath}/assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="${contextPath}/assets/css/app.css">
    <script src="${contextPath}/assets/js/jquery.min.js"></script>
</head>

<body data-type="index">
    <script src="${contextPath}/assets/js/theme.js"></script>
    <div class="am-g tpl-g">
        <!-- 头部 -->
        <#include "/pc/common/header.html">
            <!-- 侧边导航栏 -->
            <#include "/pc/common/left.html">
        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">
            <div class="row-content am-cf">
                <div class="row  am-cf">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                        <div class="widget am-cf" style="height: 174px">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">月订单总量</div>
                            </div>
                            <div class="widget-body am-fr">
                                <div class="widget-body am-fr">
                                    <div class="am-fl">
                                        <div class="widget-fluctuation-period-text">
                                            <button class="widget-fluctuation-tpl-btn" id="doc-datepicker" >
                                                <i class="am-icon-calendar"></i>
                                                更多月份
                                            </button>
                                        </div>
                                    </div>

                                    <div class="am-fr am-cf">
                                        <div class="widget-fluctuation-description-amount text-success" am-cf="">
                                            ${map.orders!0}<small>单</small>
                                        </div>
                                        <div class="widget-fluctuation-description-text am-text-right">
                                            <span id="show_time">${time!}</span>月份
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                        <div class="widget widget-primary am-cf">
                            <div class="widget-statistic-header">
                                月订单总额
                            </div>
                            <div class="widget-statistic-body">
                                <div class="widget-statistic-value">
                                    ￥${map.amounts!0}<small>元</small>
                                </div>
                                <!--<div class="widget-statistic-description">-->
                                    <!--本月比上月多收入 <strong>2593元</strong> 人民币-->
                                <!--</div>-->
                                <span class="widget-statistic-icon am-icon-credit-card-alt"></span>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                        <div class="widget widget-purple am-cf">
                            <div class="widget-statistic-header">
                                月支付总额
                            </div>
                            <div class="widget-statistic-body">
                                <div class="widget-statistic-value">
                                    ￥${map.payamounts!0}<small>元</small>
                                </div>
                                <!--<div class="widget-statistic-description">-->
                                    <!--本月比上月多收入 <strong>2593元</strong> 人民币-->
                                <!--</div>-->
                                <span class="widget-statistic-icon am-icon-support"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" value="${time!}" id="time">
                <div class="row am-cf">
                    <div class="am-u-sm-12 am-u-md-12">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">会员注册/激活情况</div>
                                <div class="widget-function am-fr">
                                </div>
                            </div>
                            <div class="widget-body-md widget-body tpl-amendment-echarts am-fr" id="tpl-echarts">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script src="${contextPath}/assets/js/amazeui.min.js"></script>
    <script src="${contextPath}/assets/js/amazeui.datatables.min.js"></script>
    <script src="${contextPath}/assets/js/dataTables.responsive.min.js"></script>
    <script src="${contextPath}/assets/js/app.js"></script>
<script>
    $(function() {
        $('#doc-datepicker').datepicker({format: 'yyyy-mm', viewMode: 'months', minViewMode: 'months'}).
        on('changeDate.datepicker.amui', function(event) {
            var d = new Date(event.date);
            var st = Math.round(d.getTime());
           location.href="${contextPath}/index.htm?timestamp="+st;
        });
    });
</script>
</body>

</html>